html{
	background-color: #fff;
}
.detailPage{
	background-color: #fff;
	i{
		font-family: "iconfont";
		font-style: unset;
	}

	.ipt{
		padding:10px;
		.items{
			display: flex;
			.item{
				position: relative;
				margin: 6px;
				border-radius: 5px;
				border:1px solid rgb(1, 133, 64);
				font-size: 12px;
				width:160px;
				height: 50px;
				display: flex;
				padding:4px;
				img{
					width:32px;
					height:32px;
					padding:6px;
				}

				a{
					display: inline-block;
					padding:6px;
					color:blue;
				}

				.close{
					position: absolute;
					right: 6px;
					top: 0;
					font-size: 14px;

					&:hover{
						color:rgb(1, 133, 64);
					}
				}
				p {
					max-width: 100px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				&:hover{
					background-color: #f2f2f2;
				}
			}
		}
		border-bottom: 1px solid rgb(179, 179, 179);
	}
	
	.dropdown{
		text-align: left;
		padding:10px;
		p{
			margin-top: 4px;
			cursor: pointer;
			display: block;
			color: #333;
			padding: 0 20px;
			min-width: 40px;
			text-indent: 0;
			font-size: 14px;
			white-space: nowrap;
			height: 36px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		p:hover{
			background-color: #D9D9D9;
		}
	}
	
	>.head{
		min-height: 3em;
		line-height: 2em;
		padding:0 10px;
		font-size: 16px;
		//display: flex;
		>h3{
			width:500px;
		}
		>.bar{
			line-height: 2em;
			text-align: right;
			
			a{
				margin:0 4px;
			}
		}
	}
	
	>.info{
		padding:0 10px;
		
		>div{
			margin: 10px 0;
		}
	}
	
	.content{
		padding: 10px;
		color:#000;
	}
	
	
}